@import './modules/header.scss';
@import './modules/footer.scss';
@import './modules/base.scss';
section{
    .cartbox{
        width: 1100px;
        margin: 30px auto;
        .bag{
            margin-top: 60px;
            font-size: 16px;
            text-align: center;
            margin-bottom: 50px;
        }
        .present{
            margin-top: 45px;
            font-size: 14px;
            text-align: center;
            color: #18753d;
            margin-bottom: 45px;
        }
        .largebox{
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
           
            .leftcartbox{
                width: 615px;
            .listtitle{
                    display: flex;
                    justify-content: space-around;
                    padding:20px 0;
                    margin-top: 10px;
                    border-bottom: 1px solid black;
                }
            ul{
                li{
                    display: flex;
                    justify-content: space-around;
                    padding-bottom: 20px;
                    border-bottom: 1px solid#ccc;
               .firstinfo{
                  width: 100px;
                  height: 100px;
                  margin-bottom: 30px;
                  margin-top: 30px;
                  
                  img{
                      width: 100px;
                      height: 100px;
                  }
                  p{
                     text-align: center; 
                     margin-top: 10px;
                     margin-bottom: 20px;
                  }
               }
      .secondinfo{
          width: 100px;
          font-size: 14px;
          margin-top: 30px;
      }
      .thirdinfo{
        width: 100px;
        margin-top: 30px;
        .btninfo{
            border: 1px solid black;
            position: relative;
            .btnjian{
                display: inline-block;
                border-right:1px solid black;
                padding: 10px;
            }
            .shopnum{
                display: inline-block;
                width: 36px;
                text-align: center;
            }
            .btnjia{
                position: absolute;
                right: 0px;
                border-left:1px solid black;
                padding: 10px;
            }
        }
            
        
      }
      .forthinfo{
     width: 100px;
     margin-top: 30px;
     text-align: center;
     font-size: 18px;
      }
      .fifthinfo{
        width: 100px;
        margin-top: 30px;
        text-align: center;
        font-size: 18px;
         }
                }
            }
            }
            .rightcartbox{
                width: 379px;
                &-top {
                    
                background: #f6f6f6;
                padding:16px 20px;
                box-sizing: border-box;
                h2 {
                    font-size: 28px;
                    margin: 4px 0 10px;
                    padding-bottom: 17px;
                }
                .info1{
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 14px;
                    font-size: 15px;
                    margin-top: 20px;
                }
              .info2{
                  display: flex;
                  justify-content: space-between;
                  margin-bottom: 14px;
                  font-size: 15px;
                  margin-top: 20px;
              }
              
              .info3{
                display: flex;
                justify-content: space-between;
                margin-top: 20px;
                margin-bottom: 30px;
                font-size: 18px;
            }
              
            
                }
                &-button {
                    h2 {
                        font-size: 28px;
                        margin: 4px 0 10px;
                        padding-bottom: 17px;
                    }
                    .info4 {
                        line-height: 30px;
                    }

                }
            }
        }
    }
}